/*！【08】[退出全屏时]控制面板 下面序号，越在后面，层级越高1层
 * -------------------------------------------------------
 * 8-2 （8-2-conter-left）（绝对定位）[进入全屏时]控制面板-中间靠左-conter-left部分 
 * -------------------------------------------------------
 * 8-3（8-3-conter-right）（绝对定位）[进入全屏时]控制面板-中间靠右-conter-rihgt部分
 * -------------------------------------------------------------
 * 8-1（8-1-top）（绝对定位）[进入全屏时]控制面板-顶部-Top部分 
 * -------------------------------------------------------
 * 8-4（8-4-bottom）（绝对定位）[进入全屏时]控制面板-底部-Bottom部分
 * -------------------------------------------------------
 */

// 8-2 和 goFullControl 同级 公共属性
.goFullControl-conter-left{}
// 8-3 和 goFullControl 同级 公共属性
.goFullControl-conter-right{}
// 8-1 和 goFullControl 同级 公共属性
.goFullControl-Top{}
// 8-4 和 goFullControl 同级 公共属性
.goFullControl-Bottom{}

.goFullControl{
	@extend .u-flex-column;
	@extend .u-flex-juc-sp-between;// 上下对齐
	@include position(absolute);
	
	// 8-2 和 8-3部分
	&__go-conter-box{
		@extend .u-flex-row;
		@extend .u-flex-nowrap;
		@extend .u-flex-juc-sp-between;//左右对齐
		
		// 8-2-conter-left）（绝对定位）
		&__g-c-left-box{
			@extend .u-flex-juc-center;
			@extend .u-flex-al-items-center;
			
			// 左边锁屏按钮
			&__public-VideoIcons-box{
				// 中间的是竖排，不能横排
				@extend .u-flex-column;
				@extend .u-flex-juc-center;
				@extend .u-flex-al-items-center;
				&__item{
					@extend .u-flex-juc-center;
					@extend .u-flex-al-items-center;
					height: 90rpx;
					width: 90rpx;
					//background-color: #1dc;
					
					&__Image-icons{
						width: 84rpx;//必须是px单位，不然rpx在鸿蒙os系统下不好用，图片明显大很多
						height: 84rpx;//必须是px单位，不然rpx在鸿蒙os系统下不好用，图片明显大很多
					}
				}
			}
		}
		
		// （8-3-conter-right）（绝对定位）
		&__g-c-right-box{
			@extend .goFullControl__go-conter-box__g-c-left-box;
			
			&__public-VideoIcons-box{
				@extend .goFullControl__go-conter-box__g-c-left-box__public-VideoIcons-box;
				
				&__item{
					@extend .goFullControl__go-conter-box__g-c-left-box__public-VideoIcons-box__item;
					
					&__Image-icons{
						@extend .goFullControl__go-conter-box__g-c-left-box__public-VideoIcons-box__item__Image-icons;
					}
				}
			}
		}
		//
	}
	
	// （8-1-top）（绝对定位）
	&__go-Top-box{
		@include p-top(20rpx);
		@extend .u-flex-al-items-center;
		@extend .goFullControl__go-conter-box;
		
		// 渐变背景(从上到下)
		background-image:linear-gradient(to bottom,rgba(0,0,0,0.35),rgba(0,0,0,0));
		
		
		// 左边
		&__g-t-left-box{
			
			&__public-VideoIcons-box{
				@extend .u-flex-row;
				@extend .u-flex-nowrap;
				@extend .u-flex-juc-center;
				@extend .u-flex-al-items-center;
				
				&__item{
					@extend .goFullControl__go-conter-box__g-c-left-box__public-VideoIcons-box__item;
					
					&__Image-icons{
						@extend .goFullControl__go-conter-box__g-c-left-box__public-VideoIcons-box__item__Image-icons;
						
					}
				}
			}
		}
		// 中间
		&__g-t-conter-box{
			flex: 1;
			&__g-t-c-title-box{
				&__text{
					/* #ifdef H5 || MP || APP-VUE */
					font-size: 28rpx;
					/* #endif */
					
					/* #ifdef APP-PLUS-NVUE */
					font-size: goFull-FontSize(32rpx);
					/* #endif */
					font-weight: 500;//3.3.6版本之前700
				}
			}
		}
		// 右边
		&__g-t-right-box{
			@extend .u-flex-row;
			@extend .u-flex-nowrap;
			@extend .u-flex-juc-center;
			@extend .u-flex-al-items-center;
			
			&__public-VideoIcons-box{
				@extend .goFullControl__go-Top-box__g-t-left-box__public-VideoIcons-box;
				&__item{
					@extend .goFullControl__go-Top-box__g-t-left-box__public-VideoIcons-box__item;
					&__Image-icons{
						@extend .goFullControl__go-Top-box__g-t-left-box__public-VideoIcons-box__item__Image-icons;
					}
				}
			}
			// 电量和系统时间
			&__Battery-xttime-box{
				width: 90rpx;
				height: 90rpx;
				@extend .u-flex-column;
				
				/* #ifdef APP-PLUS */
				@extend .u-flex-juc-center;
				@extend .u-flex-al-items-center;
				/* #endif */
				
				// 电量
				&__Battery-box{
					@extend .u-flex-row;
					@extend .u-flex-nowrap;
					@include position(relative);
					width: 90rpx;
					
					&__Batt-image{
						width: 90rpx;
						height: 50rpx;
					}
					// 电量百分比
					&__Batt-bfb{
						@include position(absolute);
						top: 18rpx;
						left: 32rpx;
						height: 17rpx;
						//max-width: ;
						background-color: #fff;
						//background-color: rgba(255,255,255,0.65);
					}
				}
				// 系统时间
				&__xttime-box{
					@extend .u-flex-al-items-center;
					width: 90rpx;
					
					&__text{
						padding: 1rpx 0;
						color: #fff;
						font-size: goFull-FontSize(20rpx);
						font-weight: 700;
					}
				}
			}
		}
		
	}

	
	// （8-4-bottom）（绝对定位）
	&__go-Bottom-box{
		@extend .goFullControl__go-conter-box;
		@include flex(column!important);
		// 渐变背景(从下到上)
		background-image:linear-gradient(to top,rgba(0,0,0,0.35),rgba(0,0,0,0));
		
		// b-top 上方视频进度盒子
		&__g-b-Top-box{
			height: 60rpx;
			@extend .u-flex-row;
			@extend .u-flex-nowrap;
			@extend .u-flex-juc-sp-between;
			@extend .u-flex-al-items-center;
			
			&__g-b-t-left-box,&__g-b-t-right-box{
				//width: 90rpx;// 这里改为45px绝对单位，方便计算
				width: 55px;// 左右时长的宽度
			}
			
			&__g-b-t-left-box{
				@include m-left(5px);// 这里改为10px绝对单位，方便计算，老版本20rpx
				@extend .u-flex-al-items-start;//靠左对齐
				
				// 左边 - 当前时长
				&__text-currtime{
					font-size: goFull-FontSize(24rpx);
					font-weight: 500;//3.3.6版本之前700
				}
				//background-color: #d2a;
			}
			
			&__g-b-t-conter-box{
				flex: 1;
				height: 30px;
				//padding: 0 30px;
				@extend .u-flex-column;
				@extend .u-flex-al-items-center;
				@extend .u-flex-juc-center;
				//background-color: #d5c;
				//background-color: antiquewhite;
				// 中间 - 视频进度条
			}
			&__g-b-t-right-box{
				@include m-right(5px);// 这里改为10px绝对单位，方便计算，老版本20rpx
				@extend .u-flex-al-items-end;//靠右对齐
				
				// 右边 - 总时长
				&__text-druationTime{
					@extend .goFullControl__go-Bottom-box__g-b-Top-box__g-b-t-left-box__text-currtime;
				}
				//background-color: #1dc;
			}
		}
	
		// b-bottom 下方UI控件等
		&__g-b-Bottom-box{
			@extend .u-flex-row;
			@extend .u-flex-nowrap;
			@extend .u-flex-juc-sp-between;
			@extend .u-flex-al-items-center;
			height: 90rpx;//高90rpx

			// 左边
			&__g-b-b-left-box{
				@extend .u-flex-row;
				@extend .u-flex-nowrap;
				@extend .u-flex-juc-center;
				@extend .u-flex-al-items-center;
				
				//background-color: #1dc;
				//align-items: flex-start;
				
				// 播放、暂停、下一集等
				&__public-VideoIcons-box{
					@extend .goFullControl__go-Top-box__g-t-left-box__public-VideoIcons-box;
					
					&__item{
						@extend .goFullControl__go-Top-box__g-t-left-box__public-VideoIcons-box__item;
						
						&__Image-icons{
							@extend .goFullControl__go-Top-box__g-t-left-box__public-VideoIcons-box__item__Image-icons;
							
						}
					}
				}
				
				// 点击打开发弹幕View盒子
				&__danmu-input-box{
					@include m-left(15rpx);
					@extend .u-flex-juc-center;
					@extend .u-flex-al-items-center;
					
					height: 60rpx;
					padding: 0 20rpx;
					background-color: rgba(255,255,255,0.35);
					border-radius: 5px;
					
					&__text{
						font-weight: 500;
						font-size: goFull-FontSize(28rpx);
					}
					
				}
			}
			
			// 右边
			&__g-b-b-right-box{
				
				// 选集、倍速、清晰度等
				&__btn-box{
					@extend .u-flex-row;
					@extend .u-flex-nowrap;
					
					&__btn-item{
						@include m-left(20rpx);
						@extend .u-flex-juc-center;
						@extend .u-flex-al-items-center;
						
						min-width: 110rpx;//45+10新版
						max-width: 200rpx;//最大100px
						height: 90rpx;
						//background-color: #1dc;
						
						&__text{
							color: #FFFFFF;
							font-size: goFull-FontSize(30rpx);
							font-weight: 500;//3.3.6版本之前600
						}
						
						// 演示 - 购物车图标
						&__b-image-box{
							@include p-right(20rpx);
							@extend .u-flex-al-items-end;
							
							width: 110rpx;
							height: 60rpx;
							
							&__Image-icon{
								width: 60rpx;
								height: 60rpx;
							}
						}
					}
					
				}
			}
		}
	}

}

// 仿优酷皮肤独有的
.yk-Batt{
	@extend .u-flex-juc-center;
	@extend .u-flex-al-items-center;
	//background-color: #1dc;
	width: 64rpx!important;
	// 修改电池电量图片属性
	&__Batt-image{
		width: 64rpx!important;
		height: 24rpx!important;
	}
}

.rel-img{
	@include position(relative);
}
.abs-img,.wifi{
	@include position(absolute);
	
	top: 4rpx;
	right: 14rpx;
	width: 36rpx!important;
	height: 36rpx!important;
	
	// "鸿蒙OS"系统上用rpx有问题，px可修复此问题，或者开启rpx属性
	// https://uniapp.dcloud.io/collocation/pages?id=globalstyle
	// dynamicRpx = true
}

// 仿优酷皮肤独有的
.Template-fyk .goFullControl__go-Bottom-box__g-b-Bottom-box__g-b-b-left-box__danmu-input-box{
	background-color: rgba(41,41,41,0.45)!important;
	border: 1px solid rgba(255,255,255,0.25);
}





